<style lang="scss" scoped>
  @import "@/assets/css/variable";
  .wrapper{
    background-color: $main-bgc;
    height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	.top_content{
		flex: 1;
		z-index: 0;
	}
	.bottom_tabbar{
		flex: 0 0 50px;
		z-index: 0;
	}
  }
</style>
<template>
  <div class="wrapper">
    <div class="top_content">
		<transition name="van-fade">
		  <keep-alive include="Case,Manage,Fans">
		    <router-view/>
		  </keep-alive>
		</transition>
	</div>
    <div class="bottom_tabbar">
		<my-tabbar></my-tabbar>
	</div>
  </div>
</template>
<script>
import Tabbar from "../components/Tabbar.vue";
export default {
  components: {
    myTabbar: Tabbar
  },
  data() {
    return {
      
    }
  },
};
</script>
